<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="/Mass_template/common/css/sheetSample.css">
<script src="/Mass_template/common/jquery/js/jquery-1.9.1.js"></script>

<script>
	
</script>
<title>Merge</title>
</head>
<body>
<div id="main">
	
<div id="navi">
	<ul id="left-navi">
		<li>
			<span style="font-family:franchise;font-size:15pt;Color:#545454">IBSheet7 template</span>
		</li>
	</ul>
	<ul id="center-navi" style="left:200px">
		<li>
			<a href="#">
				<span>ibsheet&gt;머지</span>
			</a>
		</li>
	</ul>
	<ul id="right-navi">
		<li>
			<a href="/">
				<span>HOME</span>
			</a>
		</li>
	</ul>
</div>	
	<div id="title">머지 설정 하기</div>
	<div id="desc">
		<b>Merge</b><br>
		html의 ColSpan, RowSpan과 같이 세로 또는 가로로 병합하는 기능이다. <br>
		기본적으로 세로로 같은 데이터가 있을 때 병합이 된다. <br>
		이 기능을 이용하기 위해서는 몇가지 규칙이 있다.<br>
		
		1. SetConfig 함수에서 MergeSheet의 종류를 결정한다.(MergeSheet의 종류는 도움말 참조) <br>
		      &nbsp;&nbsp;&nbsp; 예) mySheet.SetConfig({<b>MergeSheet : msPrevColumnMerge</b>})<br><br>
		2. 컬럼의 타입 지정 부분에서 머지할 컬럼에 ColMerge 속성을 부여 한다.<br>
		&nbsp;&nbsp;&nbsp; 예) {Type:"Text",Width:100,Format:"Hm",Align:"Center",<b>ColMerge:0</b>} ColMerge를 설정하지 않으면 default는 1이다<br>
		<br>
		
		
		<br>
		시트 초기화시 아래와 같이 설정할 수 있다.
		<table border="1" style="border-spacing: 2px; border-style: none; border-color: #CCCCCC;">
			<tr>
				<td>
					var cfg = {SearchMode:smLazyLoad, Page:10, <u><b>MergeSheet:msHeaderOnly</b></u>, <u><b>PrevColumnMergeMode:0</b></u>};<br>
					mySheet.SetConfig(cfg);<br>
					
					var cols = [<br>

						{Type:"Status",Width:60,  SaveName:"sStatus", Align:"Center",<u><b>ColMerge:0</b></u>},<br>
						{Type:"Text",  Width:100, SaveName:"JOB",     Align:"Center",<u><b>ColMerge:1</b></u>},<br>
						{Type:"Text",  Width:150, SaveName:"ENAME",   Align:""},<br>
						
						];<br>
						var headers = [ {Text:"상태|직원정보|이름", Align:" Center"} ];<br>

						mySheet.InitHeaders(headers);<br>
						
						mySheet.InitColumns(cols);<br>
					
				</td>
			</tr>
		</table><br>
		가로로 머지 하는 기능은 DataRowMerge나 RowMerge 함수를 설정하면 된다.<br>
		<br>
	</div>

</div>
</body>
</html>